.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
img{border: none;display: block;background: none;}
* { -webkit-tap-highlight-color: rgba(250,250,250,0);   /*更改点击事件的焦点色*/}
input{border: none;-webkit-appearance: none;}
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color: #434a54;font-size: 0.4rem;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body,html{height: 100%;}
a{text-decoration: none;}
em,i{font-style: normal;}
h2,h3{font-weight: normal;}
.fl{float: left;}
.fr{float: right;}
.wrap{margin: 0 auto;height: 100%;max-width: 540px;}

.startFaceBox{height: 100%;background: url(../img/BG.png) no-repeat;background-size:100% 100%;padding: 0rem 0.85rem;}
.startFaceTitle img{width:6.82rem;height: 2.34rem;padding:1.46rem 0.8rem 0.92rem 0.8rem;}
.PhotoImg{width: 4.4rem;height: 4.6rem;background: url(../img/tianjiazhaopian.png) no-repeat;background-size:4.4rem 4.6rem;position: relative;margin-left: 1.94rem;margin-bottom: 3.01rem}
.PhotoImgBox{background: #fff;padding: 0.24rem;width: 3.92rem;height:4.16rem;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;overflow: hidden;}
.PhotoImgBox{display: none;}
.PhotoImgBox img{width: 100%;height: 100%;}
.PhotoImg .file{opacity: 0;position: absolute;top:0;height: 100%;width: 100%;}

.matching,.posture,.try{width:100%;height:1.253rem;text-align: center;background: url(../img/icon.png) no-repeat;background-size:100% 1.253rem;line-height: 1.04rem;font-size: 0.48rem;text-shadow: #db3988 0 2px 0;color: #fff;}


/*明星脸结果*/
.startFaceResults{min-height: 100%;background: url(../img/BG.png) no-repeat;background-size:100% 100%;}

.posture,.try{margin:1.103rem 0.853rem 0.72rem 0.853rem;width: 8.32rem;}
.PublicSignal{margin: 0 0.8rem;border-top: 1px solid #db3988;border-left:1px solid #db3988;border-right: 1px solid #db3988;border-radius: 0.106rem 0.106rem 0rem 0rem;padding: 0.32rem 0rem 0.32rem 1.2rem;}
.PublicSignalLeft img{width: 1.653rem;height: 1.653rem;background: #dadada;margin-right: 0.48rem;border-radius: 0.106rem;}
.PublicSignalRt{color: #865f72;font-size: 0.346rem;}
.PublicSignalRt h3{margin-top:0.346rem;font-size: 0.453rem;margin-bottom: 0.4rem;margin-top: 0.213rem;}
/*.faceBottom{position:absolute;bottom: 0;}*/

/*第一种版式*/
.MyPhoto_box1{display: -webkit-box;
 -webkit-box-orient: horizontal;
 -webkit-box-pack: center;
 -webkit-box-align: center;
 display: box;
 box-orient: horizontal;
 box-pack: center;
 box-align: center;}
.MyPhoto_1{padding-top:1.06rem;}
.MyPhoto{width: 3.65rem;height: 4.58rem;background: #fff;border-radius:0.106rem;padding: 0.08rem;}
.MyPhoto img{width: 100%;height: 100%;background: #dadada;}
.MyPhotoView_1{margin-top:0.32rem;position: relative;min-height: 4.4rem;}
.MyPhotoView_1 span{display: inline-block;}
.MyPhotoLine_1{border-top: 2px solid #ff9dad;margin: 0 1.2rem;}
.MyPhotoLineBranch_1{height:0.32rem;border-left: 2px solid #ff9dad;position: absolute;top: 0;left: 1.2rem;}
.MyPhotoLineBranch_2,.MyPhotoLineBranch_4{height:1.04rem;border-left: 2px solid #ff9dad;position: absolute;top: 0;left: 2.96rem;}
.MyPhotoLineBranch_3{height:1.893rem;border-left: 2px solid #ff9dad;position: absolute;top:-0.32rem;left: 4.906rem;}
.MyPhotoLineBranch_4{left: 7.013rem;}
.MyPhotoLineBranch_5{height:0.32rem;border-left: 2px solid #ff9dad;position: absolute;top: 0;right: 1.2rem;}

.MyPhotoView_Box1,.MyPhotoView_Box5{width:1.28rem;height:1.6rem;position: absolute;left: 0.48rem;top: 0.32rem;}
.MyPhotoViewBg{background: #fff;padding: 0.08rem;border-radius: 0.106rem;width: 100%;height: 100%;}
.MyPhotoViewBg img{width: 100%;height: 100%;background: #dadada;}

.MyPhotoView_Box1 h3,.MyPhotoView_Box1 p,.MyPhotoView_Box2 h3,.MyPhotoView_Box2 p,.MyPhotoView_Box3 h3,.MyPhotoView_Box3 p,.MyPhotoView_Box4 h3,.MyPhotoView_Box4 p,.MyPhotoView_Box5 h3,.MyPhotoView_Box5 p,.MyPhotoView2_Box h3,.MyPhotoView2_Box p,.MyPhotoView3_Box h3,.MyPhotoView3_Box p,.MyPhotoView5_style h3,.MyPhotoView5_style p,.MyPhotoView6_style h3,.MyPhotoView6_style p,.MyPhotoView7_Box h3,.MyPhotoView7_Box p,.MyPhotoView8_Box h3,.MyPhotoView8_Box p{text-align: center;font-size: 0.32rem;color: #865f72;padding: 0 0.08rem;width: 100%;}

.MyPhotoView_Box1 h3,.MyPhotoView_Box2 h3,.MyPhotoView_Box3 h3,.MyPhotoView_Box4 h3,.MyPhotoView_Box5 h3,.MyPhotoView2_Box1 h3,.MyPhotoView2_Box2 h3,.MyPhotoView2_Box3 h3,.MyPhotoView2_Box4 h3,.MyPhotoView2_Box5 h3,.MyPhotoView2_Box6 h3,.MyPhotoView3_Box h3,.MyPhotoView5_style h3,.MyPhotoView6_style h3,.MyPhotoView7_Box h3,.MyPhotoView8_Box h3,.MyPhotoView2_Box h3{margin-top: 0.13rem;margin-bottom: 0.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.MyPhotoView_Box2,.MyPhotoView_Box4{width:1.44rem;height:1.84rem;position: absolute;left: 2.186rem;top: 1.04rem;}
.MyPhotoView_Box3{width:1.706rem;height:2.186rem;position: absolute;left:4.08rem;top: 1.573rem;}
.MyPhotoView_Box4{left: 6.213rem;}
.MyPhotoView_Box5{left: 8.106rem;}


/*第二种版式*/
.MyPhoto_2{position: relative;height: 10.63rem;}
.MyPhoto_box2Bg{width:6.92rem;height: 6.92rem;background: url(../img/yuan.png) no-repeat;background-size:6.92rem;position: absolute;left: 50%;margin-left:-3.46rem;top: 2.53rem;}
.MyPhotoView2_Box{width:1.306rem;height: 1.653rem;position: absolute;}
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(1){left: 4.26rem;top: 1.2rem;} 
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(2){right: 1.68rem;top:2.213rem;} 
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(3){right: 0.66rem;top: 4.826rem;} 
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(4){right: 1.653rem;top: 7.413rem;} 

.MyPhotoView2Style .MyPhotoView2_Box:nth-child(5){left: 4.26rem;top:8.426rem;} 
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(6){left: 1.57rem;top:7.41rem;} 
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(7){left: 0.66rem;top: 4.826rem;} 
.MyPhotoView2Style .MyPhotoView2_Box:nth-child(8){left: 1.52rem;top: 2.21rem;} 

/*第三种（共四张图片）*/
.MyPhoto_3{position: relative;padding-top: 2.53rem;height:8.2rem;}
.MyPhoto_box3Bg{width:6.92rem;height: 6.92rem;background: url(../img/bg_4.png) no-repeat;background-size:6.92rem;position: absolute;left: 50%;margin-left:-3.46rem;}
.MyPhoto_box3Bg .MyPhoto,.MyPhoto_box2Bg .MyPhoto{width: 2.29rem;height: 2.85rem;position: absolute;left: 50%;top: 50%;margin-left: -1.225rem;margin-top:-1.505rem;}

.MyPhotoView3_Box{width:1.306rem;height: 1.653rem;position: absolute;top: 0;left: 2.746rem;top: -1.253rem;}
/*.MyPhotoView3_Box2{left: 5.306rem;top: -0.24rem;}
.MyPhotoView3_Box3{left: 6.4rem;top: 2.373rem;}
.MyPhotoView3_Box4{left: 5.306rem;top: 4.96rem;}
.MyPhotoView3_Box5{top: 5.92rem;}
.MyPhotoView3_Box6{top: 4.96rem;left: 0rem;}
.MyPhotoView3_Box7{top: 2.373rem;left: -0.88rem;}
.MyPhotoView3_Box8{top: -0.24rem;left: 0;}*/

.MyPhotoView3Style .MyPhotoView3_Box:nth-child(2){left: 6.4rem;top: 2.373rem;} 
.MyPhotoView3Style .MyPhotoView3_Box:nth-child(3){top: 5.92rem;} 
.MyPhotoView3Style .MyPhotoView3_Box:nth-child(4){top: 2.373rem;left: -0.88rem;} 

/*第四种模板 （共一张图片）*/
.MyPhoto_4{padding-top: 2rem;text-align: center;}
.MyPhoto_4Box{padding-bottom: 1.907rem;}
.MyPhoto_4Title{font-size: 0.73rem;color: #dd408b;margin-bottom: 0.853rem;}
.MyPhoto_4Style{width: 4.106rem;height: 5.04rem;margin-left: 0.53rem;float: left;}
.MyPhoto_4Style img{width: 100%;height: 100%;}
.MyPhoto_4Style h3{margin-top: 0.26rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #865f72;padding-bottom: 0.02rem;}

/*第五种模板（共两张图片）*/
.MyPhoto_5{padding-top: 0.8rem;position: relative;}
.MyPhoto_box5 .MyPhoto{width:4.106rem;height: 5.12rem;margin-left: 2.906rem;position: relative;z-index: 99;}
.MyPhoto_box5Bg{width: 2.213rem;height:1.93rem;background:url(../img/bg_2.png) no-repeat;background-size:2.213rem 1.93rem;position: absolute;top: 5.6rem;left:50%;margin-left: -1.1065rem;}
.MyPhotoView5_style{width: 2.106rem;height: 2.64rem;}
.MyPhotoView5_Box{padding-top: 0.986rem;position: relative;z-index: 99;padding-bottom: 0.88rem;}
.MyPhotoView5_Box .MyPhotoView5_style:first-child{margin-left: 2rem;margin-right: 1.46rem;}

/*第六种图片（共三张图片）*/
.MyPhoto_6{padding-top:2.26rem;position: relative;margin-bottom:4.96rem;}
.MyPhoto_box6Bg{width:8.053rem;height:6.58rem;background: url(../img/bg_3.png) no-repeat;background-size:8.053rem 6.58rem ;position: absolute;left: 50%;margin-left: -4.0265rem;}
.MyPhoto_box6{position: relative;z-index: 99;margin-top: 0.72rem;margin-left: 3.52rem;}
.MyPhoto_box6 .MyPhoto{width: 2.85rem;height: 3.6rem;}
.MyPhotoView6_style{width: 1.706rem;height: 2.186rem;position: absolute;top: 1.33rem;}
.MyPhotoView6_Box .MyPhotoView6_style:nth-child(1){left: 0.53rem;}
.MyPhotoView6_Box .MyPhotoView6_style:nth-child(2){right: 0.53rem;}
.MyPhotoView6_Box .MyPhotoView6_style:nth-child(3){top: 7.73rem;left: 4.08rem;}

/*第七种图片（共六张图片）*/
.MyPhoto_7{padding-top: 2.13rem;position: relative;height: 6.61rem;padding-bottom: 1.94rem;}
.MyPhoto_box7 .MyPhoto{width: 2.293rem;height: 2.86rem;margin-left: 2.586rem;margin-top: 1.893rem;}
.MyPhoto_box7Bg{width:7.6rem;height:6.64rem;background: url(../img/bg_6.png) no-repeat;background-size:7.6rem 6.64rem ;position: absolute;left: 50%;margin-left:-3.8rem;}
.MyPhotoView7_Box{width: 1.28rem;height: 1.62rem;position: absolute;}
.MyPhotoView7Style .MyPhotoView7_Box:nth-child(1){left: 0.72rem;top:-0.88rem;}
.MyPhotoView7Style .MyPhotoView7_Box:nth-child(2){right: 0.72rem;top: -0.88rem;}
.MyPhotoView7Style .MyPhotoView7_Box:nth-child(3){left:-0.693rem;top:2.37rem;}
.MyPhotoView7Style .MyPhotoView7_Box:nth-child(4){right:-0.693rem;top: 2.37rem;}
.MyPhotoView7Style .MyPhotoView7_Box:nth-child(5){left: 0.72rem;top:5.76rem;}
.MyPhotoView7Style .MyPhotoView7_Box:nth-child(6){right: 0.72rem;top:5.76rem;}

/*第八种图片（共7张）*/
.MyPhoto_8{padding-top:1.65rem;position: relative;height:9rem;}
.MyPhoto_8 .MyPhoto{width: 2.293rem;height: 2.88rem;margin-left: 3.873rem;margin-top:2.186rem;position: relative;z-index: 99;}
.MyPhoto_box8Bg{width:8.13rem;height: 7.44rem;background: url(../img/bg_7.png) no-repeat;background-size:8.13rem 7.44rem;position: absolute;left: 50%;margin-left:-4.065rem;}
.MyPhotoView8_Box{width: 1.306rem;height: 1.62rem;position: absolute;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(1){left: 2.906rem;top: 0.66rem;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(2){left: 6.393rem;top: 2.13rem;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(3){right: 0.53rem;top: 4.4rem;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(4){right: 1.6rem;top: 7.46rem;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(5){left: 3.92rem;top: 8rem;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(6){left: 0.93rem;top: 6.77rem;}
.MyPhotoView8Style .MyPhotoView8_Box:nth-child(7){left: 0.53rem;top:2.53rem;}

.Prompt{position: absolute;top: 10.6rem;display: none;}
.Prompt img{width: 0.4rem;margin-left: 2.68rem;margin-top: -0.03rem;}
.Prompt span{margin-left: 0.26rem;font-size: 0.346rem;color: #e14f93;}
.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 2s linear infinite;
-moz-animation: rotation 2s linear infinite;
-webkit-animation: rotation 2s linear infinite;
-o-animation: rotation 2s linear infinite;
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}